<template>
	<div style="height:100%">
		<transition name="router-fade" mode="out-in">
			<router-view></router-view>
			<!--<keep-alive>
			    <router-view></router-view>
			</keep-alive>-->
    	</transition>
		<footer v-if="$route.path.indexOf('home')>0 || $route.path.indexOf('friendList')>0 || $route.path.indexOf('personal')>0">
			<im-nav></im-nav>
		</footer>
    </div>
</template>

<script>
	import ImNav from './components/footer/footer';
  	export default {
    	components:{
            ImNav
        },
  	}

</script>

<style lang="scss">
   @import './style/base';
   @import './style/common';
  	//@import './style/common';
	/*.router-fade-enter-active, .router-fade-leave-active {
	  	transition: opacity .3s;
	}
	.router-fade-enter, .router-fade-leave-active {
	  	opacity: 0;
	}*/
</style>
